<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>课程表</title>
</head>
<style>
    table {
            border-collapse: collapse;
            width: 100%;
            max-width: 900px;
            margin: 0 auto;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            background-color: white;
        }
    body {
            font-family: "Microsoft YaHei", sans-serif;
            margin: 20px;
            background-color: #f5f5f5; 
        
        }
    /* 表头样式 */
    th, td {
            border: 1px solid #ddd;
            padding: 10px;
            text-align: center;
            height: 20px;
            border-left: none;
            border-right: none;
            border-top: none;
            border-bottom: 2px dashed #cccccc7a;
        }
        
        th {
            background-color: #4a8bf5;
            color: white;
            font-weight: bold;
            font-size: 16px;
        }
        
        /* 时间列特殊样式 */
        .time-col {
            width: 70px;
            background-color: #f0f7ff;
            font-weight: bold;
            color: #333;
        }
        
        /* 课程单元格样式 */
        .course {
            font-size: 14px;
            width: 400px;
            line-height: 1.5;
            color: #f9f9f9;
            border-radius: 5%;
            vertical-align: text-top;
        }
        
        /* 空单元格样式 */
        td:empty {
            background-color: #f9f9f9;
        }
</style>
<body>
    <h2 style="text-align: center; color: #333; margin-bottom: 20px;">大三上课表</h2>
    <table>
        <!-- 13行 6列 -->
        <!-- 第一行 表头 -->
        <thead>
            <tr>
                <td></td>
                <td>周一</td>
                <td>周二</td>
                <td>周三</td>
                <td>周四</td>
                <td>周五</td>
            </tr>
        </thead>

        <tbody>
            <!-- 第二行 8:30 -->
            <tr>
                <td class="time-col">
                    1<br>
                    8:30</td>
                <td rowspan="2" style="background-color:rgb(237,85,101);" class="course">大学英语(IV)@10203</td>
                <td></td>
                <td rowspan="2" style="background-color: rgb(75,170,227);" class="course">大学体育(IV)</td>
                <td></td>
                <td></td>
            </tr>
            <!-- 第三行 9:30 -->
            <tr>
                <td class="time-col">
                    2<br>
                    9:30</td>
                <!-- <td>大学英语(IV)@10203</td> -->
                <td></td>
                <!-- <td>大学体育(IV)</td> -->
                <td></td>
                <td></td>
            </tr>
            <!-- 第四行 10:30 -->
            <tr>
                <td class="time-col">
                    3<br>
                    10:30</td>
                <td></td>
                <td rowspan="2" style="background-color: rgb(253,208,108);" class="course">信号与系统@11302</td>
                <td rowspan="2" style="background-color: rgb(88,218,157);" class="course">形势与政策(IV)@15208</td>
                <td></td>
                <td rowspan="2" style="background-color: rgb(115,211,229);" class="course">数据结构与算法分析</td>
            </tr>
            <!-- 第五行 11:30 -->
            <tr>
                <td class="time-col">
                    4<br>
                    11:30</td>
                <td></td>
                <!-- <td></td> -->
                <!-- <td></td> -->
                <td></td>
                <!-- <td></td> -->
            </tr>
            <!-- 第六行 12:30 -->
            <tr>
                <td class="time-col">
                    5<br>
                    12:30</td>
                <td></td>
                <td rowspan="2" style="background-color: rgb(88,218,157);" class="course">模拟电子技术基础@16204</td>
                <td></td>
                <td rowspan="2" style="background-color: rgb(62,85,178);" class="course">电装实习@11301</td>
                <td></td>
            </tr>
            <!-- 第七行 14:30 -->
            <tr>
                <td class="time-col">
                    6<br>
                    14:30</td>
                <td></td>
                <!-- <td rowspan="2" style="background-color: rgb(240,209,84);>信号与系统@11302</td> -->
                <td></td>
                <!-- <td></td> -->
                <td></td>
            </tr>
            <!-- 第八行 15:30 -->
            <tr>
                <td class="time-col">
                    7<br>
                    15:30</td>
                <td rowspan="2" style="background-color: rgb(240,209,84);" class="course">毛概@14208</td>
                <td></td>
                <td rowspan="2" style="background-color: rgb(81,219,195);" class="course">电路、信号与系统实验</td>
                <td></td>
                <td></td>
            </tr>
            <!-- 第九行 16:30 -->
            <tr>
                <td class="time-col">
                    8<br>
                    16:30</td>
                <!-- <td></td> -->
                <td></td>
                <!-- <td></td> -->
                <td></td>
                <td></td>
            </tr>
            <!-- 第十行 17:30 -->
            <tr>
                <td class="time-col">
                    9<br>
                    17:30</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td rowspan="2" style="background-color: rgb(100,64,181);" class="course">信号与系统</td>
            </tr>
            <!-- 第十一行 18:30 -->
            <tr>
                <td class="time-col">
                    10<br>
                    18:30</td>
                <td></td>
                <td></td>
                <td></td>
                <td rowspan="2" style="background-color: rgb(241,218,86);" class="course">大学体育</td>
                <!-- <td></td> -->
            </tr>
            <!-- 第十二行 19:30 -->
            <tr>
                <td class="time-col">
                    11<br>
                    19:30</td>
                <td></td>
                <td></td>
                <td></td>
                <!-- <td></td> -->
                <td></td>
            </tr>
            <!-- 第十三行 20:30 -->
            <tr>
                <td class="time-col">
                    12<br>
                    20:30</td>
                <td style="background-color: rgb(120,192,204);" class="course">选修</td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
        </tbody>
    </table>
    
</body>
</html>